<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登陆——努比亚官方网站</title>
		<link rel="stylesheet" type="text/css" href="../css/denglu.css"/>
	</head>
	<body>
		<div class="out">
			<div class="head">
				<img src="../img/shouye/5dae6dd070bfa59.png" >
			</div>
			<ul>
				<li>
					<a href="#" id="zhanghao">帐号密码登录</a>
					<span>|</span>
					<a href="#" id="yanzhengma">手机验证码登录</a>
				</li>
				<li class="zhanghao1">
					<input class="sam" id="z1" value="" placeholder="邮箱/手机号码/用户名"/><span id="sp">
				</li>
				<li class="zhanghao1">
					<input class="sam" id="z2" type="password" placeholder="密码为8-16个字符(数字、大小写字母、符号至少包含3种)"/>
				</li>
				<li class="yanzheng">
					<input type="" class="sam" id="c1" value="" placeholder="手机号码"/>
				</li>
				<li class="yanzheng">
					<input type="text" name="" id="code1" value="" placeholder="请输入手机受到的验证码"/>
					<input type="button" name="" id="code2" value="获取验证码" />
				</li>
				<li>
					<input type="button" class="sam" id="rig" value="立即登录"/>
				</li>
				<li>
					<p>
						<a href="zhuce.html">注册新账号</a>
						<span>|</span>
						<a href="#">忘记密码？</a>
					</p>
				</li>
				<li>
					
					其他方式登录:<p>
					<ol>
						<li><img src="../img/shouye/images/www.nubia_12.gif" ></li>
						<li><img src="../img/shouye/images/www.nubia_08.gif" ></li>
						<li><img src="../img/shouye/images/www.nubia_10.gif" ></li>
						<li><img src="../img/shouye/images/www.nubia_06.gif" ></li>
					</ol>
					</p>
				</li>
			</ul>
		</div>
		<div class="footer">
			<p>
				<span>2012-2021努比亚版权所有<a href="#">粤ICP备18069660号-3</a></span><span>ICP经营许可证编号:电B2-20120688</span><span>深圳市努比亚信息技术有限公司</span>
			</p>
		</div>
	</body>
</html>
<script src="../js/jquery.js"></script>
<script src="../js/denglu.js"></script>
<script src="../php/js/cookieTools.js"></script>
<script type="text/javascript">
	$('.sam').css({
		"width":"360px",
		"height":"50px",
	})
	$('#code1').css({
		'width':'252px',
		"height":"50px",
		'float':'left',
		})
	$('#code2').css({
		'width':'105px',
		"height":"53px",
		'float':'right',
		'background-color':'white'
		})
	$('#rig').css({
		'background-color':'red',
		'color':'white',
		'font-size':'18px'
		})
	$('ul>li>p').css('float','right')
	$('ul>li>p>a').eq(0).css('color','red')
	$('#zhanghao').css('color','red')
	$('.yanzheng').css('display','none')
	$('#zhanghao').on('click',function(){
		$('#zhanghao').css('color','red')
		$('#yanzhengma').css('color','')
		$('.yanzheng').css('display','none')
		$('.zhanghao1').css('display','block')
	})
	$('#yanzhengma').on('click',function(){
		$('.zhanghao1').css('display','none')
		$('.yanzheng').css('display','block')
		$('#yanzhengma').css('color','red')
		$('#zhanghao').css('color','')
	})
</script>